html {
    height:100%;
}

.btnSwicthPano
{
    background-color:  rgba(255,255,255,0.2);
    border-radius: 6px;
    border: 1px solid rgba(255,255,255,0.2); 
}
.btnSwicthPano:hover
{
    background-color:  rgba(255,255,255,0.8);
}
@keyframes title {
    from {opacity: 0.6;}
    to {opacity: 0.2;}
    0%   {opacity:0.5;}
    25%  {opacity:1;}
    50%  {opacity:1;}
    75%  {opacity:0.5;}
    100% {opacity:0.2;}
}
#title
{
    font-size: 1.5em;
    color:white;
    animation-name: title;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
@media (max-width: 768px)

{
    #title
    {
        font-size: 1em;
        color:white;
        -moz-user-select: none; 
        -webkit-user-select: none; 
        -ms-user-select:none; 
        user-select:none;
        -o-user-select:none;
    }
}
#item
{
    margin-right: 5px;
    border-radius: 0px !important;
    border: 0px solid #ddd !important;
}
#img-option{
    margin: 5px;
}
@media (max-width: 994px)
{
    #title
    {
        font-size: 1em;
        color:white;
        -moz-user-select: none; 
        -webkit-user-select: none; 
        -ms-user-select:none; 
        user-select:none;
        -o-user-select:none;
    }
}